<%@page import="itsm.isperp.framework.core.context.ContextHolder"%><%@ page
	language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
	String path = request.getContextPath();
	String basePath = ContextHolder.getWebServerName(request);
%>

<style>
.content_Head {
	width: 100%;
	padding: 5px;
	vertical-align: middle;
	text-align: right;
	border-bottom: 1px solid #CCCCCC;
	background: -moz-linear-gradient(top, #ffffff, #eeeeee);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff),
		to(#eeeeee) );
	font-family: "Microsoft Yahei" !important;
	text-shadow: none;
}

* {
	font-family: "Microsoft Yahei" !important;
}

.btn1 {
	border: 1px solid #386bb8;
	color: white;
	background-image: -webkit-linear-gradient(#5ea6ff, #1593eb);
}

.btnDiv {
	text-align: center;
	margin-bottom: 20px;
	padding: 10px;
}

.ui-btn-up-c {
	border: 1px solid #cccccc;
	background: #5ea6ff; /* font-weight:bold; */ /* color:#ffffff ; */
	text-shadow: none;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#5ea6ff),
		to(#1593eb) );
	background-image: -webkit-linear-gradient(#5ea6ff, #1593eb);
	background-image: -moz-linear-gradient(#5ea6ff, #1593eb);
	background-image: -ms-linear-gradient(#5ea6ff, #1593eb);
	background-image: -o-linear-gradient(#5ea6ff, #1593eb);
	background-image: linear-gradient(#5ea6ff, #1593eb);
}

.btnDiv DIV {
	color: #ffffff;
	background-color: #5ea6ff;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 17px;
	font-weight: bold;
	text-shadow: none;
	background: -moz-linear-gradient(top, #5ea6ff, #1593eb); /*非IE6的其它*/
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5ea6ff),
		to(#1593eb) ); /*非IE6的其它*/
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.ui-shadow-inset {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.ui-btn-text {
	font-size: 16px;
}
/* 遮挡页面DIV样式 */
#shadowDiv {
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: rgba(0, 0, 0, 0.9);
	top: 0px;
	left: 0px;
	z-index: 3;
}

#RoomInfo {
	color: #4d99cb;
	display: block;
	width: 200px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.hg {
	height: 65px;
	min-height: 100px !important
}
</style>

<div data-role="header" data-position="inline"
	class="ui-header ui-bar-a" role="banner">
	<div class="content_Head">
		<table>
			<tbody>
				<tr>
					<td
						style="width: 120px; text-align: center; color: #666666; vertical-align: middle;">
						<span>修改个人信息</span><span style="border-left: 1px solid #CCCCCC; "></span>
					</td>
					<td style="text-align:left;"><span id="RoomInfo">${appUser.fullname}-${appUser.name}</span>
					</td>
				</tr>
			</tbody>
		</table>
	</div>
</div>

<div data-role="content" class="ui-content" role="main"
	style="padding-top:0px;">

	<form action="<%=basePath%>api/wechat/setting/saveUserInfo" data-ajax="false"
		id="formid">
		<input type="text" style="display:none" name="openid" value="${openid }">
		<div class="input-row" style="margin-top:10px;">
			<label>手机号码 <span style="font-size:11px;color:#bbb"><span
					style="color:red">*</span></span> </label>
		</div>
		<div>
			<input type="text" name="mobile" placeholder="请输入手机号码"
				value="${appUser.mobile }" class="required"
				style="-webkit-box-shadow:none;background:white;">
		</div>
		<div class="input-row" style="margin-top:2px;">
			<label>短号<span style="font-size:11px;color:#bbb">
			</label>
		</div>
		<div>
			<input type="text" name="mobileShort" placeholder="请输入短号"
				value="${appUser.mobileShort }" class=""
				style="-webkit-box-shadow:none;background:white;">
		</div>
		<div class="input-row" style="margin-top:2px;">
			<label>电话号码<span style="font-size:11px;color:#bbb">
			</label>

		</div>
		<div>
			<input type="text" name="tel" placeholder="请输入电话号码"
				value="${appUser.tel }" class=""
				style="-webkit-box-shadow:none;background:white;">
		</div>
		<div class="input-row">
			<label>Email</label>
		</div>
		<div>
			<input type="text" name="email" placeholder="请输入邮箱地址"
				value="${appUser.email }" class=""
				style="-webkit-box-shadow:none;background:white;bordre:1px solid #bbb">

		</div>

		<div class="input-row">
			<label>办公地点</label>
		</div>
		<div>
			<input type="text" name="address" placeholder="请输入办公地点" value="${appUser.address }"
				 style="-webkit-box-shadow:none;background:white;">

		</div>
		<div class="btnDiv" onclick="return takeSubmit();">
			<a id="btnSubmit" href="#" data-role="button" data-mini="true"
				data-theme="c" style="color: White;border: 1px solid #386bb8;"
				data-corners="true" data-shadow="true" data-iconshadow="true"
				data-wrapperels="span"
				class="ui-btn ui-shadow ui-btn-corner-all ui-mini ui-btn-up-c"><span
				class="ui-btn-inner"><span class="ui-btn-text"
					style="text-shadow:none" id="subBtn1">提 交</span> </span> </a>
		</div>
</div>
</form>
<script type="text/javascript">
	var subing = false;
	function takeSubmit() {
		if (subing == false) {
			var result = $("#formid").valid();
			if (result) {
				$(this).hide();
				$("#subBtn1").text("提交中...");
				subing=true;
				$("#formid").submit();
			}
			return result;
		}

	}

</script>
</div>